<template>
  <div class="details">
    <div class="top">
      <p>{{details.title}}</p>
      
    </div>
    <div class="foot">
      <div></div>
      <div class="foot-r">
        <p class="time">{{details.add_date}}</p>
        <div class="tuname">
          <img src="../../assets/img/health.png" />
          <p>天健药网</p>
        </div>
        
      </div>
    </div>
    <div class="text">
      　<p v-html="details.content"></p>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
       id:'',
       details:''
      }
    },
    created() {
      this.id=this.$route.query.id
      this.getdetails()
    },
    mounted(){
      
    },
    
    methods: {
      getdetails(){
        this.$get("api/gzh_index.php?action=health_show", {
          id:this.id
        }).then(res => { 
          console.log(res.data,'res.data')
          this.details = res.data
        }).catch(err => {

        });
      }
    },
  }
</script>

<style scoped>
.details{
  width: 100%;
  border-top: 1px solid #F6F6F6;
}

.top{
  width: 661px;
  font-size:34px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:40px;
  margin-top: 49px;
  margin-left: 40px;
}
.foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
}
.foot-r{
  display: flex;
  align-items: center;
  margin-right: 30px;
  width: 100%;
  justify-content: space-between;
}
.time{
  margin-left: 49px;
}
.tuname{
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.foot-r img{
  width:38px;
  height:38px;
  margin-right: 6px;
}
.foot-r p{
  font-size:30px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:30px;
}
.text{
  width:673px;
  margin: auto;
  font-size:28px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:48px;
  margin-top: 46px;
}
</style>